<template>
  <div>
    商品列表...
    {{MyTitle}}
    <!--声明一个按钮,点击的时候执行btnfn方法并传递参数进去,btnfn只是在当前文件内部定义了一个名字,并且指定是方法类型的数据,需要在引入方来具体指定-->
    <button type="button" @click="btnfn(Math.random())">点我</button>
  </div>
</template>

<script>
export default {
  name: "Content",
  props: {
    // 定义了一个属性叫MyTitle ,类型是string,必须传递,默认值是xx
    'MyTitle': {
      type: String,
      required: true,
      default: 'XX'
    },
    // 定义方法名字,类型是函数,但是此处没有实现,需要在具体引用的地方实现
    'btnfn': {
      type: Function
    }
  }
}
</script>

<style scoped>

</style>
